{% extends "accounts.html" %}
{% load i18n %}
{% block title %}{% trans "Password Modification" %}{% endblock %}

{% block main_panel %}
<div class="new-narrow-panel">
  <h2 class="hd">{% trans "Password Modification" %}</h2>
  <form action="" method="post" class="con">{% csrf_token %}
    <label for="id_old_password">{% trans "Current Password: " %}</label>
    {{ form.old_password }}    {{ form.old_password.errors }}
    <label for="id_new_password1">{% trans "New Password: " %}</label>
    {{ form.new_password1 }}     {{ form.new_password1.errors }}
    <label for="id_new_password2">{% trans "Confirm Password: " %}</label>
    {{ form.new_password2 }}    {{ form.new_password2.errors }}

    <p class="error hide"></p>

    <input type="submit" value="{% trans "Submit" %}" class="submit" />
  </form>
</div>
{% endblock %}

{% block extra_script %}
<script type="text/javascript">
    $('[type="password"]').addClass('input');
</script>
{% endblock %}
